.yingye {
  display: flex;
  justify-content: space-between;
}
.RoomAll {
  width: 96%;
  font-size: 20px;
  border-bottom: 1px solid #d3d0d0;
  display: flex;
  padding: 0 !important;
  color: #504f4f;
}
.digRoom {
  // position: absolute;
  // top: 5px;
  // width: 100%;
  // padding: 0 40px 0;
  box-sizing: border-box;
  margin-top: 15px;
}
.Roomitem {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.RoomitemFalse {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.ChildRoom {
  // width: 140px;
  // height: 100px;
  color: #fff;
  margin: 10px 5px;
  border-radius: 10px;
  text-align: left;
  padding-left: 15px;
  padding-top: 10px;
  line-height: 20px;
  position: relative;
  box-shadow: 8px 5px 8px -2px rgba(185, 183, 183, 0.8);
}

.blue {
  background-color: #09AE1C;
}

.grey {
  background-color: #5F82EC;
}

.red {
  background-color: rgb(216, 74, 74);
}
.yeelow {
  background-color: #fde10f;
  color:  rgb(255, 0, 0);
}
.custom_dropdown {
  width: 140px;
}

.SelectRadio {
  font-size: 18px;
  // font-weight: 550;
  line-height: 50px;
  height: 312px;
}



.RoomPeter {
  // display: grid;
  // grid-template-columns: repeat(2, 1fr); /* 每行两个元素 */
  // grid-gap: 16px; /* 根据需要调整间距 */
}

.titleBoder {
  height: 28px;
  // border-bottom: 1px solid;

}

// 0.5像素线条
.PXboder {
  margin-top: 6px;
  border-bottom: 1px solid;
  transform: scaleY(0.1);
}

.FindRoom {
  display: flex;
}

.leftdiv {
  width: 14.5%;
  padding: 10px 15px 0 0;

}

.itemRoom {
  width: 100%;
  margin: 10px 0 10px 0;
  border: 1px solid;
  border-radius: 8px;
  height: 35px;
  text-align: center;
  line-height: 35px;
}

.biglist {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  box-sizing: border-box;
  height: 40px;

  // background-color: #f30000;
  margin-bottom: 10px;
  line-height: 40px;
  border-radius: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;  
}

.yuan {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 10px 5px 0 3px;
}
.RoomText{
  height: 30px;
  line-height: 40px;
  font-size: 15px;
  font-weight: 550;
}
.SmallYuan {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 10px 5px 0 0;
  position: absolute;
  left: 8px;
  top: -1px;
}
.ItemMenu{
  display: flex;
  align-items: center;
  justify-content: center;
  .FontSize{
    width: 50px;
    height: 100%;
    font-size: 14px;
  }
}
.itemRoom {
  /* 默认样式 */
  background-color: #fa7e7e;
}

.cleanRoom {
  /* 干净房的样式 */
  background-color: #5F82EC;
}

.singleRoom {
  /* 单人房的样式 */
  background-color: #09AE1C;
}

.doubleRoom {
  /* 双人床的样式 */
  background-color: rgb(122, 89, 27);
}

.suiteRoom {
  /* 套房的样式 */
  background-color: rgb(113, 12, 113);
}

.maintenanceRoom {
  /* 维修的样式 */
  background-color: rgb(255, 0, 0);
}

.onclick {
  background-color: rgb(204, 202, 202);
}

.tuikadiv {
  position: absolute;
  bottom: 10px;
  right: 10%;
}

.TuiKa {
  width: 80px;
  height: 80px !important;
  border-radius: 50% !important;
}


.boderLeft {
  border-left: 1px solid rgb(84, 6, 19);

  padding-left: 10px;
}

.ChildRoom {
  position: relative;
}

.hiddenInfo {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px;
  color: rgb(255, 255, 255);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #000000;
  z-index: 99999;
  border-radius: 8px;
  margin-top: 2px;
}

.ChildRoom:hover .hiddenInfo {
  display: block;
}

.iconFontSVG {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  gap: 2px;
  /* 如果你想在图片和文字之间有一定的间距 */
}

.menustyle::-webkit-scrollbar {
  display: none;
  /* 隐藏滚动条 */
}

.userModel {
  line-height: 40px;
}

.css-dev-only-do-not-override-xqsy8q.ant-pro-global-header-header-actions-item>*:hover{
  background-color: #fff;
  
}
.CarouselAAAAABBB:hover{
  color: blue;
  text-decoration: underline
}

.tableclass {
  border-collapse: collapse;
  width: 100%;
}
.THclass, .TDclass {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}
.THclass1{
  background-color: lemonchiffon;
}



.contextMenu{
  width: 120px;
  height: 170px;
  text-align: center;
  background-color: #f8f3f3;
  color: #000000;
  z-index: 999;
  position: absolute;
  border-radius: 8px;
  line-height: 30px;
  box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.3  );
  padding: 0 5px;
  div{
    background-color: #fff;
    margin: 10px 0;
    border-radius: 8px;
  }
}

.customContextMenu{
  background-color: #f7f5f5;
  width: 150px;
  height: 190px;
  border-radius: 8px;
  padding: 10px 15px 0;
  box-sizing: border-box;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}







#checkOut{
  font-weight: 700;
  color: #1677FF !important;
}
#checkOutTEO{
  font-weight: 700;
  color: #1677FF !important;
}

.titleF{
  position: absolute;
  top: 190px;
  // font-size: 12px;
  left: 100px;
}

.SeachTop{
  display:"flex";
  width: 100%;
  // height: 40px;
  position: -webkit-sticky; /* 针对旧版Chrome */
  position: sticky;
  position: relative;
  top: 0; /* 当页面滚动到header的顶部时，它将固定在页面顶部 */
  z-index: 100;
  border-bottom: 1px solid rgb(235, 227, 227);
  background-color: #fff;
}

#checkout{
  font-weight: 700;
  color: #1677FF !important;
  width: 290px;
}


.divImg{
  width: 29px;
  height: 29px;
  
  img{
    width: 100%;
    height: 100%;
    
  }
}


.AABB:hover{
  cursor: pointer;
  color:#4096FF
}






.SendCard{
  width: 300px;
  height: 420px;
  margin-right: 8px;
  border: 1px solid rgb(232, 226, 226);
  border-radius: 8px;
  padding: 0 10px;
  overflow: hidden;
  overflow-y: scroll;
}
.SendCard::-webkit-scrollbar {
  display: none;
  /* 隐藏滚动条 */
}
.headerH3{
  position: sticky;
  position: -webkit-sticky; /* 针对旧版Chrome */
  position: sticky;
  top: 0; /* 当页面滚动到header的顶部时，它将固定在页面顶部 */
  z-index: 100;
  width: 100%;
  background-color: #fff;
  height: 40px;
  padding-top: 10px;
}
.ItemRoomOne{
  width: 100%;
  height: 40px;
  border: 1px solid rgb(232, 226, 226);
  margin: 5px 0;
  line-height: 40px;  
  border-radius: 8px;
  // text-align: center;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;

  &:hover{
    .red_font{
      display: block;
    }
  }
}


.bgcColor {
  /* 使用box-shadow来模拟0.5px的边框，颜色为#48dc81 */
  box-shadow: 0 0 0 0.2px #48dc81 inset;
  /* 保持文本颜色为#48dc81 */
  color: #48dc81;
}




/* 定位到自定义的Slider组件 */
.custom-slider .ant-slider-rail {
  height: 10px; /* 轨道高度 */
  background-color: #e8e8e8; /* 轨道颜色 */
}

/* 定位到滑块所在的轨道部分 */
.custom-slider .ant-slider-track {
  height: 10px; /* 滑块轨道高度，应与rail的高度一致 */
  background-color: #108ee9; /* 滑块轨道颜色 */
}
.ant-slider-rail{
  height: 20px !important;
}
.ant-slider-track{
  height: 20px !important;
}

.custom-slider .ant-slider-rail {
  height: 8px; /* 轨道高度 */
  background-color: #e8e8e8; /* 轨道颜色 */
}


.custom-slider .ant-slider-handle {

  height: 30px; /* 滑块手柄高度 */
  width: 30px; /* 滑块手柄宽度 */

}
.css-dev-only-do-not-override-qgg3xn.ant-slider .ant-slider-handle::after{
 display: none;
}

.LeftNum{

  font-size: 16px;
  margin-top: 12px !important;
  width: 8%;
}
.f14{
  font-size: 14px;
}

.red_font{
  color: rgb(255, 0, 0);
  cursor: pointer;
  display: none;
}
















